<template>
  <div class="print-page">
    <div class="right-btn">
      <el-button
        type="plain"
        class="btn-text-blue"
        icon="el-icon-printer"
        size="mini"
        @click="print()"
        >打印</el-button
      >
    </div>
    <div
      ref="sign-table--box"
      style="
        position: relative;
        width: 95%;
        min-width: 500px;
        margin: 10px auto;
        border-left: 1px solid black;
        border-top: 1px solid black;
        text-align: center;
      "
    >
      <div
        style="
          height: 72px;
          line-height: 72px;
          font-size: 24px;
          text-align: center;
          border-right: 1px solid black;
        "
      >
        {{ title }}
      </div>

      <div style="display: flex;text-align:left">
        <div
          style="
            height: 32px;
            text-align: 32px;
            font-size: 12px;
            font-weight: 400;
            border-bottom: 1px solid black;
            padding-left: 20px;
            flex: 3;
          "
        >
          报修单位：{{ basicData.deptId }}
        </div>

        <div
          style="
            height: 32px;
            text-align: 32px;
            font-size: 12px;
            font-weight: 400;
            border-bottom: 1px solid black;
            flex: 3;
          "
        >
          修理类别：{{ basicData.type }}
        </div>
        <div
          style="
            height: 32px;
            text-align: 32px;
            font-size: 12px;
            font-weight: 400;
            border-bottom: 1px solid black;
            flex: 3;
          "
        >
          固定资产编号：
        </div>
        <div
          style="
            height: 32px;
            text-align: 32px;
            font-size: 12px;
            font-weight: 400;
            border-bottom: 1px solid black;
            border-right: 1px solid black;
            flex: 4;
          "
        >
          维修单编号：{{ basicData.code }}
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 3;
          "
        >
          设备编号
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 5;
          "
        >
          {{ basicData.equipmentCode }}
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 3;
          "
        >
          设备名称
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 5;
          "
        >
          {{ basicData.equipmentName }}
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 3;
          "
        >
          型号规格
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 5;
          "
        >
          {{ basicData.model }}
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 3;
          "
        >
          制造厂家
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 5;
          "
        >
          {{ basicData.manufacturer }}
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 8;
          "
        >
          上次修理时间
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 8;
          "
        >
          {{ basicData.beforeTime || "" }}
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 3;
          "
        >
          安装位置
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 5;
          "
        >
          {{ basicData.equipmentLocation }}
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 8;
          "
        >
          此次修理时间
        </div>
        <div
          style="
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            flex: 8;
          "
        >
          {{ basicData.createTime }}
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            padding: 0 15px;
            flex: 1;
            writing-mode: vertical-rl;
            letter-spacing: 15px;
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 200px;
            line-height: 32px;
          "
        >
          报修原因
        </div>
        <div
          style="
            flex: 23;
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 200px;
            line-height: 32px;
          "
        >
          <div>
            <div style="height:20px"></div>
            <div
              style="
                height: 140px;
                text-align: left;
                display: flex;
                text-indent: 28px;
              "
            >
              {{ basicData.desc }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="
                flex: 1;
                height: 30px;
                text-align: left;
                padding-left: 10px;
              "
            >
              报修单位负责人：{{ basicData.orgLeader }}
            </div>
            <div
              style="
                flex: 1;
                height: 30px;
                text-align: left;
                padding-left: 10px;
              "
            >
              报修人：{{ basicData.createByName }}
            </div>
          </div>
        </div>
      </div>

      <div
        style="
          height: 40px;
          display: flex;
          line-height: 40px;
          text-align: left;
          font-size: 12px;
          border-right: 1px solid black;
          border-bottom: 1px solid black;
        "
      >
        <div style="flex: 1; margin-left: 80px">修理单位：设备维修中心</div>
        <div style="flex: 1">修理时间：{{ basicData.time }}</div>
      </div>
      <div style="display: flex">
        <div
          style="
            padding: 0 15px;
            flex: 1;
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 150px;
            line-height: 32px;
          "
        >
          修理内容及结果
        </div>
        <div
          style="
            text-align: center;
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            flex: 22;
            height: 150px;
            text-align: left;
            padding-left: 10px;
            white-space: pre-wrap;
          "
        >
          <div style="height:20px"></div>
          <div>1.{{ basicData.context }}</div>
          <p>2.{{ basicData.workList }}</p>
          <p>3.{{ basicData.result }}</p>
        </div>
      </div>
      <div
        style="
          height: 40px;
          display: flex;
          line-height: 40px;
          text-align: center;
          font-size: 12px;
          border-right: 1px solid black;
          border-bottom: 1px solid black;
        "
      >
        <div style="flex: 1; margin-left: 80px; text-align: left">
          维修质量是否合格（报修单位负责人签字）：{{ basicData.acceptName }}
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            padding: 0 15px;
            flex: 1;
            writing-mode: vertical-rl;
            letter-spacing: 20px;
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 254px;
            line-height: 32px;
          "
        >
          修理记录
        </div>
        <div style="flex: 23">
          <table
            border="1"
            cellspacing="0"
            cellpadding="0"
            style="
              width: 100%;
              height: 154px;
              font-size: 12px;
              font-weight: 400;
              border-top: 0px;
              border-left: 0px;
              border-collapse: collapse;
              border-spacing: 0px;
            "
          >
            <tr class="sign-table--item">
              <th
                style="
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                序号
              </th>
              <th
                style="
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                配件名称
              </th>
              <th
                style="
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                规格型号
              </th>
              <th
                style="
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                数量
              </th>
              <th
                style="
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                单位
              </th>
              <th
                style="
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                单价
              </th>
              <th
                style="
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                总价
              </th>
              <th
                style="
                  height: 30px;
                  line-height: 30px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                维修地点
              </th>
            </tr>
            <tr class="sign-table--item">
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[0].index || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[0].partName || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[0].partModel || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[0].partNum || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[0].unit || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[0].unitPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[0].totalPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[0].location || "" }}
              </td>
            </tr>
            <tr class="sign-table--item">
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[1].index || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[1].partName || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[1].partModel || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[1].partNum || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[1].unit || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[1].unitPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[1].totalPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[1].location || "" }}
              </td>
            </tr>
            <tr class="sign-table--item">
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[2].index || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[2].partName || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[2].partModel || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[2].partNum || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[2].unit || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[2].unitPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[2].totalPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[2].location || "" }}
              </td>
            </tr>
            <tr class="sign-table--item">
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[3].index || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[3].partName || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[3].partModel || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[3].partNum || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[3].unit || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[3].unitPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[3].totalPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[3].location || "" }}
              </td>
            </tr>
            <tr class="sign-table--item">
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[4].index || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[4].partName || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[4].partModel || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[4].partNum || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[4].unit || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[4].unitPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[4].totalPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[4].location || "" }}
              </td>
            </tr>
            <tr class="sign-table--item">
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[5].index || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[5].partName || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[5].partModel || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[5].partNum || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[5].unit || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[5].unitPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[5].totalPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[5].location || "" }}
              </td>
            </tr>
            <tr class="sign-table--item">
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[6].index || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[6].partName || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[6].partModel || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[6].partNum || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[6].unit || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[6].unitPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[6].totalPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[6].location || "" }}
              </td>
            </tr>
            <tr class="sign-table--item">
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[7].index || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[7].partName || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[7].partModel || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[7].partNum || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[7].unit || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[7].unitPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[7].totalPrice || "" }}
              </td>
              <td
                style="
                  height: 24px;
                  line-height: 24px;
                  text-align: center;
                  border-bottom: 1px solid black;
                  border-right: 1px solid black;
                "
              >
                {{ tableList[7].location || "" }}
              </td>
            </tr>
          </table>
          <div
            style="
              height: 28px;
              line-height: 28px;
              text-align: left;
              padding-left: 120px;
              font-size: 12px;
              border-right: 1px solid black;
              border-bottom: 1px solid black;
            "
          >
            费用合计：{{ count }}
          </div>
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            padding: 0px 15px;
            flex: 1;
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 60px;
            line-height:32px;
            display: flex;
            justify-content: center;
            align-items: center;
          "
        >
          备注
        </div>
        <div
          style="
            text-align: left;
            flex: 23;
            font-size: 12px;
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            height: 60px;
            line-height: 32px;
          "
        >
          {{ basicData.remark }}
        </div>
      </div>

      <div
        style="
          height: 56px;
          display: flex;
          line-height: 56px;
          text-align: left;
          font-size: 12px;
          border-right: 1px solid black;
          border-bottom: 1px solid black;
        "
      >
        <div style="flex: 1; margin-left: 80px">
          修理单位负责人：{{ basicData.excuteLeader }}
        </div>
        <div style="flex: 1">修理人员：{{ basicData.workList }}</div>
      </div>
    </div>
  </div>
</template>

<script>
import { getWorkflowHistory } from "@/api/common.js";
export default {
  computed: {},
  data() {
    return {
      title: "",
      basicData: {},
      tableList: [{}, {}, {}, {}, {}, {}, {}, {}],
      count: 0,
    };
  },
  created() {
    let org = "XXXXX";
    this.title = `${org}有限公司修理设备报修记录`;
    this.init();
  },
  methods: {
    async init() {
      let printData = localStorage.getItem("print-review");
      this.basicData = JSON.parse(printData);
      //this.basicData.mark = "1、高级工程师\n 2、先进工作个体";
      this.basicData.orderExecutePart.forEach((item, i) => {
        item.index = i + 1;
        this.tableList.splice(i, 1, item);
        if (item.totalPrice) {
          this.count += parseFloat(item.totalPrice);
        }
      });
      let res = await getWorkflowHistory(this.formData.id);
      if (res.code == 200) {
        //this.signList = res.data.workflow || [];
        let workflowData = res.data.history || [];
        workflowData.forEach((item, index) => {
          if (item.nowNodeName == "生产单位负责人审核") {
            this.$set(this.basicData, "orgLeader", item.operationUserName);
            this.$set(this.basicData, "excuteLeader", item.operationUserName);
          }
          if (item.nowNodeName == "维修部门负责人审核") {
            this.$set(this.basicData, "excuteLeader", item.operationUserName);
          }
        });
      }
    },
    operationDate(data, type) {
      let returnData = "";
      if (data) {
        if (type == "year") {
          returnData = data.substring(0, 4);
        }
        if (type == "month") {
          returnData = data.substring(5, 7);
        }
        if (type == "day") {
          returnData = data.substring(8, 10);
        }
      }
      return returnData;
    },
    print() {
      this.$print(this.$refs["sign-table--box"]);
    },
  },
};
</script>

<style type="text/css">
/* 去掉打印页面的页眉页脚 */
@page {
  size: auto A4 landscape;
  /* margin: 3mm; */
  margin: 0 1mm;
  font-size: 12px;
}

.right-btn {
  position: relative;
  text-align: right;
  margin-right: 60px;
}
</style>
